<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.js"></script>
    <script src="js/carousel.js"></script>
    <script src="./js/display.js"></script>
    <script src="js/libs/layer/layer.js"></script>
    <script src="js/buy.js"></script>
</head>
<body>
<div id="topbar" class="topbar">
    <div class="area-center main ">
        <div class="bar-left ">
            <ul>
                <li>商城首页</li>
                <li>Hi,白日梦想家</li>
                <li>[退出]</li>
            </ul>
        </div>

        <div class="bar-right">
            <ul>
                <li>个人中心

                </li>
                <li class="self">帮助中心
                    <ul>
                        <li>配送安装</li>
                        <li>售后服务</li>
                        <li>运费标准</li>
                        <li>联系客服</li>
                    </ul>
                </li>
                <li class="phone">手机版
                    <div>
                        <img src="imgs/iimg/12540050008480802.jpg" alt="">

                    </div>
                </li>
            </ul>
        </div>

    </div>

</div>

<div class="main-head">
    <div class="area-center main">
        <div class="mall-logo"><img src="imgs/iimg/lemall_logo.png" alt=""></div>

        <div class="main-search"><input type="text">
            <button>搜索</button>
        </div>

        <div class="top-cart"><img src="imgs/iimg/smallcart.png" alt=""></div>
        <div class="add"></div>
    </div>

</div>

<section>
    <div class="rouqi main">
        <div class="slideshow ">
            <ul class="carousel">
                <li><img src="imgs/iimg/1605681397731.jpg" alt=""></li>
                <li><img src="imgs/iimg/1606183286371.jpg" alt=""></li>
                <li><img src="imgs/iimg/1609402566967.jpg" alt=""></li>
            </ul>
            <div class="content">
                <div class="carte">
                    <div class="menu">
                        <ul>
                            <li>数码家电</li>
                            <li>酒水饮料</li>
                            <li>食品生鲜</li>
                            <li>美妆个护</li>
                            <li>服饰箱包</li>
                            <li>母婴玩具</li>
                            <li>家居生活</li>
                        </ul>
                    </div>
                    <div class="caidan0">
                        <ul class="list1">
                            <li>厨房电器</li>
                            <li>白日梦</li>
                            <li>车载电器</li>
                            <li>美妆工具</li>
                        </ul>
                        <ul class="list2">
                            <li>生活电器</li>
                            <li>剑来</li>
                            <li>电脑</li>
                            <li>摄影摄像</li>
                        </ul>
                        <ul class="list3">
                            <li>智能设备</li>
                            <li>数沧元图</li>
                        </ul>
                        <div class="list4">
                            <img src="imgs/iimg/yingyin.jpg" alt="">
                            <img src="imgs/iimg/diannao.jpg" alt="">
                            <img src="imgs/iimg/chufang.jpg" alt="">
                        </div>
                    </div>
                    <div class="caidan1">
                        <ul class="list1">
                            <li>厨房电器</li>
                            <li>大家电</li>
                            <li>车载电器</li>
                            <li>美妆工具</li>
                        </ul>
                        <ul class="list2">
                            <li>生活电器</li>
                            <li>手机通讯</li>
                            <li>电脑</li>
                            <li>摄影摄像</li>
                        </ul>
                        <ul class="list3">
                            <li>智能设备</li>
                            <li>数码影音</li>
                        </ul>
                        <div class="list4">
                            <img src="imgs/iimg/yingyin.jpg" alt="">
                            <img src="imgs/iimg/sheying.jpg" alt="">
                            <img src="imgs/iimg/mobile.jpg" alt="">
                        </div>
                    </div>
                </div>

                <div class="user">

                    <div class="longin-warp">
                        <div class="user-headimg">
                            <img src="imgs/iimg/16098363341281_70_70.jpg" alt="">
                        </div>
                        <div class="user-title">Hi,您好</div>
                        <div class="user-name">
                            <span class="level-icon"><img src="imgs/iimg/0.jpg" alt=""></span>
                            <a href="">白日梦想家</a>
                        </div>
                        <ul class="user-message">
                            <li>
                                <div class="message-number">0</div>
                                <div class="message-name">乐豆</div>
                            </li>
                            <li>
                                <div class="message-number">0</div>
                                <div class="message-name">优惠券</div>
                            </li>
                            <li>
                                <div class="message-number">0</div>
                                <div class="message-name">成长值</div>
                            </li>
                        </ul>
                    </div>

                    <div class="news-headr">
                        <div class="news">商城咨询</div>
                        <div class="more">更多</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav main">
        <div class="one"><img src="imgs/iimg/tv_logo.png" alt=""></div>
        <div><img src="imgs/iimg/1591779907190.jpg" alt=""></div>
        <div><img src="imgs/iimg/1591779981610.jpg" alt=""></div>
        <div><img src="imgs/iimg/1591780019301.jpg" alt=""></div>
        <div><img src="imgs/iimg/1591780079395.jpg" alt=""></div>

    </div>

    <div class="goodslist-1 main">
        <div class="goods-title"><span>热销推荐</span> <span>|</span><span class="last">超值低价</span></div>

        <div class="goodsl"><img src="imgs/iimg/1606201770659.jpg" alt=""></div>
        <div class="goodsr">
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>

                <div class="buy"><a href="./details.html?1">立即购买</a></div>

            </div>

            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/2004h.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
                <div class="buy"><a href="./details.html?2">立即购买</a></div>
            </div>

            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>
            <div class="goods">
                <div class="biaoti">热销榜</div>
                <img src="imgs/iimg/1609405005110.png" alt="">
                <div class="title">Letv 无线蓝牙耳机Ears pro</div>
                <div class="introduce">主动降噪 无线蓝牙</div>
                <div class="price"><span>￥218</span>
                    <del>￥299</del>
                </div>
            </div>

        </div>


    </div>

    <div class="goodslist-1 main">
        <div class="goods-title"><span>9.9超值专区</span> <span>|</span><span class="last">限时抢购</span></div>

        <div class="goodsl"><img src="imgs/iimg/1591687841088.jpg" alt=""></div>
        <div class="goodsr">
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>
            <div class="goods">
                <div class="biaoti0">9.9包邮</div>
                <img src="imgs/iimg/1599812877034.jpg" alt="">
                <div class="title">活力28柔顺护理洗衣液</div>
                <div class="introduce">洗涤 柔顺 香芬 3合1</div>
                <div class="price"><span>9.9</span></div>
            </div>


        </div>


    </div>

    <div class="goodslist-1 main">
        <div class="goods-title"><span>精选配件</span> <span>|</span><span class="last">让美好生活更多彩</span></div>

        <div class="goodsl"><img src="imgs/iimg/1591770846524.jpg" alt=""></div>
        <div class="goodsr">
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
            <div class="goods">

                <img src="imgs/iimg/1591753705788.jpg" alt="">
                <div class="title">公牛（BULL）环球旅行USB转换器</div>
                <div class="introduce">免工具安装设计 | 安全稳固灵活方便</div>
                <div class="price"><span>￥149</span>
                    <del>￥199</del>
                </div>
            </div>
        </div>


    </div>

    <div class="le-foot">
        <ul class="main">
            <li><img src="imgs/iimg/zhengp.png" alt=""></li>
            <li><img src="imgs/iimg/7tian%20.png" alt=""></li>
            <li><img src="imgs/iimg/cart.png" alt=""></li>

        </ul>
    </div>
</section>
<footer>
    <div class="foot main"><img src="imgs/iimg/footer.png" alt=""></div>
</footer>

</body>
</html>